<template>
    <div class="manage-head">
        <div class="opeation">
            <div class="search">
                <el-input placeholder="请输入内容" v-model="search" class="input-with-select">
                    <el-button slot="append" icon="el-icon-search"></el-button>
                </el-input>
            </div>

            <div class="add">
                <el-button type="primary" @click="add">新增</el-button>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: ['search', 'dialogVisible', 'update'],
    data() {
        return {

        }
    },
    methods: {
        add() {
            this.$emit('setDialogVisible', true)
            this.$emit('setUpdate', 0)
            this.$emit('clearData')
        },
    }
}
</script>

<style scoped>
.opeation {
    display: flex;
    justify-content: space-between;

    margin: 10px 0;
}


.search {
    width: 60%;
}
</style>